.myIncome {
    background-color: #F2F2F2;
    position: relative;
    min-height: 100vh;
    box-sizing: border-box;

    /* 收支明细标题和Tab */
    .sectionHeader {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10rpx 20rpx;
    }

    .sectionTitle {
        font-size: 32rpx;
        font-weight: bold;
        color: #333;
        padding: 10rpx;
    }

    /* 日期选择器 */
    .datePicker {
        background: #f5f5f5;
        padding: 10rpx;
        font-size: 24rpx;
        color: #666;
    }

    /* 统计卡片 */
    .statsCard {
        margin: 20rpx;
        background: #FFFFFF;
        border-radius: 16rpx;
        padding: 30rpx;
        display: flex;
        justify-content: space-between;
        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);

        .statItem {
            text-align: center;
            flex: 1;

            .statValue {
                font-size: 36rpx;
                font-weight: bold;
                color: #fd7901;
                margin-bottom: 10rpx;
            }

            .statLabel {
                font-size: 24rpx;
                color: #999999;
            }
        }
    }

    .incomeList {
        margin: 20rpx;
        background: #FFFFFF;
        border-radius: 16rpx;
        // padding: 30rpx;
        height: calc(100vh - 540rpx);
        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);

        /* 交易项 */
        .transactionItem {
            padding: 24rpx;
            border-bottom: 1rpx solid #f0f0f0;

            .transactionHeader {
                display: flex;
                align-items: center;
                margin-bottom: 12rpx;

                .fundTypeTag {
                    padding: 4rpx 12rpx;
                    border-radius: 8rpx;
                    font-size: 22rpx;
                    color: #fff;
                    margin-right: 12rpx;

                    &.place_order {
                        background-color: #1890FF;
                    }

                    &.first_promotion {
                        background-color: #722ED1;
                    }

                    &.second_promotion {
                        background-color: #FA8C16;
                    }
                }

                .orderCode {
                    flex: 1;
                    font-size: 24rpx;
                    color: #666;
                }

                .orderPrice {
                    font-size: 24rpx;
                    color: #52C41A;
                    font-weight: bold;
                    margin-left: auto;
                }
            }

            .transactionDetails {
                margin: 16rpx 0;

                .detailRow {
                    display: flex;
                    font-size: 24rpx;
                    color: #666;
                    margin-bottom: 8rpx;
                }

                .incomeAmount {
                    color: #52C41A;
                    font-weight: bold;
                }
            }

            .transactionFooter {
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-size: 24rpx;
                color: #999;

                .status {
                    padding: 4rpx 12rpx;
                    border-radius: 4rpx;
                    background-color: #f6ffed;
                    color: #52C41A;

                    &.settling {
                        background-color: #fff7e6;
                        color: #FA8C16;
                    }

                    &.settled {
                        background-color: #e6f7ff;
                        color: #1890FF;
                    }

                    &.settle_cancel {
                        background-color: #f5f5f5;
                        color: #8C8C8C;
                    }

                }

                .timeInfo {
                    display: flex;
                    align-items: center;
                }
            }
        }

    }



}